<html>
<head>
  <title>Devcathlon: My Profile</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">
<br>
<h2>My Profile</h2> 
<p>
A page that displays a list of achievements from all previous matches.

</div> <!-- End class=wrapper -->

<div class="entry">
<br>
<div id="profile">
<table width="250" border="1" bordercolor="93A7FF" bgcolor="#FFFFFF" class="card">
  <tr>
    <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong> John &quot;<em>if life gives u lemons, throw it back</em>&quot;</strong></td>
  </tr>
  <tr>
    <td width="50"  rowspan="2" bordercolor="97A7FF" bgcolor="93A7FF"><img src="img.jpg"/></td>
    <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF"><a href="level.html">Level</a></td>
    <td bordercolor="97A7FF" bgcolor="93A7FF"><a href="level.html"><img src="rank2profile.png" width="20" height="20"></a></td>
  </tr>
  <tr>
    <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF"><a href="level.html">Rank:</a></td>
    <td height="30" bordercolor="97A7FF" bgcolor="93A7FF"><a href="level.html">PV2</a></td>
  </tr>
  <tr>
    <td colspan="3" bordercolor="97A7FF" bgcolor="93A7FF">Profile Points:</td>
    <td height="30" bordercolor="97A7FF" bgcolor="93A7FF">30 pts</td>
  </tr>
  <tr>
    <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong>Most Recent Achievements</strong></td>
  </tr>
  <tr>
    <td width="55" bordercolor="97A7FF" bgcolor="93A7FF"><center><img src="achv1.jpg"></center></td>
    <td width="55" bordercolor="97A7FF" bgcolor="93A7FF"><center><img src="achv2.jpg"></center></td>
    <td width="57" bordercolor="97A7FF" bgcolor="93A7FF">&nbsp;</td>
    <td bordercolor="97A7FF" bgcolor="93A7FF">&nbsp;</td>
  </tr>
</table>

<table width="300" border="1" class="match">
  <tr>
    <td width="181"><strong>My Recent Matches</strong></a></td>
    <td width="84"><div align="right"><strong>Scoreboard</strong></div></td>
  </tr>
  <tr>
    <td width="200"><a href="matchdetails.html"><strong>Are You Mocking Me?</strong></a><br>Mockup1 vs Mockup2 vs Mockup3</td>
    <td><div align="right">-20 to -20 to 10</div></td>
  </tr>
  <tr>
    <td><a href="mymatches.html"><strong>Battle at Gotham City</strong></a><br>Gotham City Police vs. Joker &amp; Co.</td>
    <td><div align="right">346 to 345 Final</div></td>
  </tr>
  <tr>
	<td colspan="2"><a href="mymatches.html"><strong>All Matches</strong></a></td>
  </tr>
</table>

<table width="303" border="1" class="match">
  <tr>
    <td colspan="2"><strong>My Friends</strong></td>
    <td width="82"><strong>Profile Pts.</strong></td>
  </tr>
  <tr>
    <td width="51" height="50"><center><a href="philprofile.html"><img src="phillip.jpg"></a></center></td>
    <td width="148"><a href="philprofile.html">Phillip L.</a></td>
    <td>100000 pts</td>
  </tr>
  <tr>
    <td weight="50" height="50"><center><img src="johnz.jpg"></center></td>
    <td width="148">John Z.</td>
    <td>80 pts</td>
  </tr>
</table>

<br>
<br>
<table width="554" border="0" class="achievements">
  <tr>
    <td colspan="2">Most Recent Achievements</a></td>
    <td width="64"><strong>Points</strong></td>
  </tr>
  <tr bgcolor="#E9F0FF">
    <td width="50" height="50"><center><img src="achv1.jpg"></center></td>
    <td width="407"><p><strong>Perfectionist: </strong><br>Your program has reached 100% coverage (min. 2000 lines)</p>
    </td>
    <td> 20 pts</td>
  </tr>
  <tr>
    <td width="50" height="50"><center><img src="achv2.jpg"></center></td>
    <td width="407"><p><strong>You Need a Life:</strong> <br>Committed everyday of the week (min. 500 lines)</p></td>
    <td>10 pts</td>
  </tr>
  <tr>
  	<td colspan="3"><a href="achievements.html">All Achievements</a></td>
    </tr>
</table>

</div> <!-- Ends id=profile -->
 
</div> <!-- Ends id=entry -->

<div id="footerFeedback">
<p>
Once a match is over, most of the stats are just thrown away.  We felt it was a waste to let past 
efforts fade into the past.</p>
<p>Under My Profile, we discussed extra acheivements that will forever 
  be seen within their profile.  The idea is really a programmer's version of Microsoft's Gamer Card <a href="http://www.xbox.com/en-US/MyXbox/embedgamercard.htm">[link]</a>.  These 
  achievements can be taken as a plateau/breakthrough marker as a software developer.  Example of an 
  achievement would be: A project has reached 100% coverage (min. 1500 lines).     
  
  It is surprisingly fun and competitive trying to complete all the achievements.  In addition to 
  challenging oneself to complete the list, users can also compare their achievements with others in 
  the community thus competing against others individually. </p>
<p>
This can be an additional section under the hall of fame.
</p>

</div>
</div> <!-- End id=page -->

</body>
</html>
